<!DOCTYPE html>
{% load static %}
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
     <link rel="stylesheet" href="{% static 'plugins/bootstrap-3.4.1/css/bootstrap.min.css' %}">
    <link rel="stylesheet" href="{% static 'plugins/font-awesome-4.7.0/css/font-awesome.min.css' %}">
</head>
<body>
<div class="panel panel-default">
      <!-- Default panel contents -->
      <div class="panel-heading">Panel heading</div>

      <!-- Table -->
      <table class="table">
        <thead>
          <tr>
              <th>cid</th>
              <th>用户名</th>
              <th>商品序号</th>
              <th>购买数量</th>
              <th>价格</th>
              <th>商品总价</th>
          </tr>
        </thead>
          <tr>
              {% for foo in goods %}
                  <th>{{ forloop.counter }}</th>
                  <th>{{ username}}</th>
                  <th>{{ foo.id }}</th>
                  <th>{{ foo.buy_count }}</th>
                  <th>{{ foo.price}}</th>
                  <th></th>
                  </tr>
           {% endfor %}
        <tbody>
        </tbody>
      </table>
    </div>
</body>
<script src="{% static 'js/jquery-3.6.0.min.js' %}"></script>
<script src="{% static 'plugins/bootstrap-3.4.1/js/bootstrap.min.js' %}"></script>
</html>